<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

  <ion-navbar>
    <ion-title>用户登陆</ion-title>
  </ion-navbar>

</ion-header> -->


<ion-content padding>

  <!--  设置了 最小高度 并且 设置了overflow ：hidden 使调出键盘的时候不会出现样式坍塌 -->
  <div class='contentDiv' [style.min-height]='screenHeight'>
    <div class='logo' text-center>
      <img src="assets/img/ios/logo@2x.png" alt="" class='logo-img'>
      <p>Beauty begins with the fingers</p>
    </div>

     <ion-list class='login-input-list' [style.margin-top]='marginTop'> 
    <!-- <ion-list class='login-input-list'> -->
        <ion-item>
          <ion-label class='user-phone'></ion-label>
          <ion-input type="tel"  maxlength="11" [(ngModel)]="loginVo.user_phone" placeholder="输入的手机号"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label class='user-pwd' style='width:2.5rem;'></ion-label>
          <ion-input type="password"  maxlength="15" [(ngModel)]="loginVo.user_pwd" placeholder="输入密码6-12位"></ion-input>
        </ion-item>


        <!-- <ion-item>
          <ion-label>验证码</ion-label>
          <ion-input type="text"  maxlength="4" [(ngModel)]="loginVo.captcha" placeholder="请输入验证码"></ion-input>
          <img item-end (click)="changeVerifyCode($event)" [src]="picUrl">
        </ion-item> -->

    </ion-list>
    <p style='height:2rem;'>
      <a class="aLeft" (click)="doFindPwd()">忘记密码</a>
      <span class="gray">还没账号?<a class="register" (click)="doRegister()" style='height:1.6rem;'>注册</a></span> 
    </p>
    <button class="roundBtn" ion-button full round (click)="doLogin()">登&nbsp;&nbsp;录</button>
  </div>
  <!-- <button ion-button full round (click)="doRegister()">注册</button> -->
</ion-content>
